﻿body {
    width: 90%;
    font-family: 'Lucida Console';
    margin: auto 5%;
}

header {
    position: relative;
    top: 1em;
}

    header input[type="search"] {
        float: right;
        margin: 7em 0 0 0;
    }

    header img {
        width: 7em;
        height: 7em;
    }

    header h1 {
        position: absolute;
        display: inline;
        top: 0.5em;
        left: 4em;
    }

    header nav {
        width: 100%;
        height: 3em;
        vertical-align: middle;
        background-color: #4bb9dd;
        margin-top: 0.5em;
    }

        header nav ul {
            list-style: none;
            margin: 0px;
            padding-top: .9em;
        }

            header nav ul li {
                display: inline;
            }

        header nav a {
            text-decoration: none;
            font-size: large;
            color: white;
            padding: 0.70em 1em 0.80em 1em;
        }

            header nav a:hover {
                background-color: white;
                color: #4bb9dd;
            }

section 
{
    height: 35em;
    background-color: rgba(78, 186, 221, 0.08);
    /*background-color: red;*/
}

footer {
    height: 3em;
    background-color: #4bb9dd;
    color: White;
}
.command
{
    border: 0;
    padding: 0.25em 0.5em;
    background-color: #4bb9dd;
    font-size: large;
    color: White;
    cursor: pointer;
}
